<template lang="html">
  <div class="orderaddress">
    <router-link to='/address' tag='div' class='content'>
		<div class='content-left'>
			<i class="icon iconfont icon-chengshi"></i>
		</div>
		<div class='content-center'>
			<p><span class='center-left'>姓名:张淇淞</span><span class='center-right'>17612463333</span></P>
			<p class='center-p'>地址:北京市海淀区西三桥东南店新村中腾建华商务大厦</P>
		</div>
		<div class='content-right'>
			<i class="icon iconfont icon-iconfontyoujiantou-copy-copy"></i>
		</div>
    </router-link>
  </div>
</template>

<script>
export default {
  name:'OrderAddress'
}
</script>

<style lang="less" scoped>
.orderaddress{
	width: 100%;
	height: 2.4rem;
	border-bottom:1px solid #707070;
	.content{
		float: left;
		width: 94%;
		height: 1.2rem;
		margin:0.6rem 0 0 6%;
		box-sizing: border-box;
		.content-left{
			width: 10%;
			float: left;
			line-height:1.2rem;
			i{
				font-size:0.45rem;
				color:#717171;
			}
		}
		.content-center{
			width: 80%;
			float: left;
			color: #000;
			font-size:0.35rem;
			.center-right{
				float: right;
				margin-right:5%;
			}
			.center-p{
				white-space:nowrap;
				text-overflow:ellipsis;
				overflow:hidden;
				margin-top:0.2rem;
			}
		}
		.content-right{
			width: 10%;
			float: left;
			line-height:1.2rem;
			i{
				font-size:0.65rem;
			}
		}
	}
}
</style>
<style>

